.main {
    width: 100%;
    height: 100%;
    display: inline;
    // position: relative;
}

.top {
    width: 100%;
    height: 136px;

    .left {
        width: 25%;
        height: 100%;
        float: left;
       img{
        margin-top: 20px;
       }
    }

    .center {
        width: 50%;
        height: 100%;
        float: left;

        .centername {
            width: 600px;
            height: 50px;
            margin: 0 auto;
            margin-top: 40px;
            border-radius: 10px;
            border: 1px solid blue;

            .btn {
                border-radius: 0 10px 10px 0;
            }
        }
    }

    .right {
        width: 25%;
        height: 100%;
        float: right;

        .rili {
            width: 300px;
            height: 100px;
            border: 1px solid #ccc;
            margin: 0 auto;
            margin-top: 30px;
            border-radius: 10px;
             font-size: 16px;
            .zuo {
                width: 50%;
                height: 100%;
                float: left;
                line-height: 40px;
               
            }

            .you {
                width: 50%;
                height: 100%;
                float: right;
                line-height: 80px;

                img {
                    width: 25px;
                    height: 25px;
                }
            }
        }
    }
}

.swiper {
    width: 100%;
    height: 200px;
    .swp_center{
        width: 100%;
        height: 200px;
        img{
            width: 100%;
            height: 200px;
        }
    }
}



.leftButton:hover,
.rightButton:hover {
    opacity: 1;
}

.xuanxiang {
    width: 100%;
    height: 200px;
    color: black;
    // background-color: red;
    position: relative;

    .leftButton,
    .rightButton {
        border: none;
        height: 36px;
        width: 36px;
        transition: 1s;
        border-radius: 50%;
        background-color: #001529;
        color: #ff0000;
        position: absolute;
        top: 40%;
        z-index: 10;
        opacity: 0.3;
    }
    .images1_box {
        width: 1515px;
        height: 100px;
        display: flex;
        justify-content: space-around;
        align-items: center;

        .images1 {
            width: 250px;
            height: 100px;

            img {
                width: 100%;
                height: 100%;
            }

        }
        .images1:hover {
            cursor: pointer;
            /* transform属性 */
            transition: 0.5s;
            transform: translate(0, -20px);
        }
    } 
}
   .table_two{
        width: 100%;
        height: 500px;
        // background:  red;
        font-size: 16px;
        .top_two{
            width: 100%;
            height: 100px;
            // background-color: aqua;
            display: flex;
            line-height: 100px;
            .ulstwo{
                width: 150px;
                height: 60px;
                background-color: #ccc;
                border-radius: 30px;
                text-align: center;
                margin-top: 20px;
                line-height: 60px;
                margin-left: 20px;
            }
            .ptwo{
                margin-left: auto;
               justify-content: flex-end;
            }
            .ptwo:hover{
                 cursor: pointer;
                color: #1261ff;
               font-weight:bold;
            }
            .ulstwo:hover{
                 cursor: pointer;
                color: #1261ff;
                font-weight:bold;
               
            }

        }
        .top_three{
            width: 100%;
            height: 400px;
            display: flex;
            .three_left{
                width: 20%;
                 height: 400px;
                //  background-color: #ccc;
                 .top_threes{
                    width: 250px;
                    height: 200px;
                    border: 1px solid #ccc;
                    margin: 0 auto;
                    border-radius: 10px;
                    text-align: center;
                    transition: 1s;
                    margin-top: 10px;
                    
                 }
                 .top_threes:hover{
                    cursor: pointer;
                      box-shadow: 0px 0px 15px #888888;/* 边框阴影 */  
    -moz-box-shadow: 0px 0px 15px #888888; /* 老的 Firefox */
    transform: translate(0, -5px);
                 }
                 .btn_threes{
                     width: 250px;
                    height: 150px;
                    border: 1px solid #ccc;
                    margin: 0 auto;
                    border-radius: 10px;
                    text-align: center;
                    transition: 1s;
                    margin-top: 20px;
                    img{
                        width: 100%;
                        height: 100%;
                        border-radius: 10px;
                    }
                 }
                 .btn_threes:hover{
                cursor: pointer;
                      box-shadow: 0px 0px 15px #888888;
    -moz-box-shadow: 0px 0px 15px #888888; 
    transform: translate(0, -5px);
                 }
            }
            .three_right{
                width: 80%;
                 height: 400px;
                //  background-color: aqua;
                 display: flex;
                 .box_img{
                    width: 300px;
                    height: 350px;
                    background-color: #ccc;
                    margin-top: 20px;
                    margin-left: 20px;
                    overflow: hidden;
                    img{
                        width: 100%;
                    }
                 }
            }
            .three_rights{
                 width: 100%;
                 height: 400px;
                //  background-color: aqua;
                 display: flex;
                 .box_img{
                    width: 300px;
                    height: 350px;
                    background-color: #ccc;
                    margin-top: 20px;
                    margin-left: 20px;
                    overflow: hidden;
                    img{
                        width: 100%;
                    }
                 }
            }
        }
       
    }
    .guanggao{
        width: 100%;
        height: 100px;
        border-radius: 20px;
        margin-top: 60px;
        overflow: hidden;
         cursor: pointer;
        img{
            width: 100%;
            height: 100%;
        }
    }
     .btns{
            width: 100%;
            height: 100px;
            // background-color: red;
            border-top: 1px solid #ccc;
            margin-top: 10px;
            display: flex;
            .btns_left{
                width: 70%;
                 height: 100px;
                 font-size: 14px;
                 line-height: 40px;
            }
            .btns_right{
                width: 30%;
                height: 100px;
                display: flex;
                img{
                    width: 200px;
                    height: 100px;
                    cursor: pointer;
                    margin-left: 10px;
                }
                #imgs{
                    width: 180px;
                    height: 70px;
                    margin-top: 15px;
                    cursor: pointer;

                }
            }
        }